<template>
  <y-dialog @open="open" @close="emit('close')" width="1000px" append-to-body>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="参数" />
      <el-table-column prop="desc" label="描述" />
    </el-table>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="emit('close')">取消</el-button>
      </div>
    </template>
  </y-dialog>
</template>

<script setup name="Setting">
const emit = defineEmits(["close"]);

const tableData = ref([
  {
    name: "产品名称",
    desc: "{{product_name}}",
  },
  {
    name: "产品编号",
    desc: "{{product_number}}",
  },
  {
    name: "产品版本",
    desc: "{{product_version}}",
  },
  {
    name: "产品描述",
    desc: "{{product_description}}",
  },
  {
    name: "产品需求",
    desc: "{{product_requirements}}",
  },
  {
    name: "产品需求与用例",
    desc: "{{product_requirements_testcases}}",
  },
]);
</script>
